img {
  width: 270px;
  height: 129px;
}

body {
  width: 100%;
  height: 100%;

  /* 声明使用弹性布局 */
  display: flex;

  /* 与主轴的对齐方式 */
  /* 取值一般有三种 */
  /* flex-start */
  /* flex-end */
  /* center */
  align-items: center;

  /* 在主轴上的分布 */
  /* 一般有以下几个取值 */
  /* space-between */
  /* space-around */
  /* center */
  /* flex-start */
  /* flex-end */
  justify-content: center;

  /* 主轴的方向 */
  /* 默认是水平 */
  /* column表示垂直 */
  flex-direction: column;
}